<template>
	<view class="content">
		<view class="input-group">
			<view class="input-row border">
				<text class="title">账号：</text>
				<m-input type="text" focus clearable v-model="username" placeholder="请输入账号"></m-input>
			</view>
			<view class="input-row border">
				<text class="title">密码：</text>
				<m-input type="password" displayable v-model="password" placeholder="请输入密码"></m-input>
			</view>
			<view class="input-row">
				<text class="title">确认密码：</text>
				<m-input type="password" displayable v-model="confirmPassword" placeholder="请确认密码"></m-input>
			</view>
		</view>
		<view class="btn-row">
			<button type="primary" class="primary" @tap="register">注册并登录</button>
		</view>
	</view>
</template>

<script>
	import mInput from '../../components/m-input.vue';

	export default {
		components: {
			mInput
		},
		data() {
			return {
				username: '',
				password: '',
				confirmPassword: ''
			}
		},
		methods: {
			toMain(userName) {
				// this.login(userName);
				/**
				 * 强制登录时使用reLaunch方式跳转过来
				 * 返回首页也使用reLaunch方式
				 */
				uni.reLaunch({
					url: '../main/main',
				});
			},
			register() {
				/**
				 * 客户端对账号信息进行一些必要的校验。
				 * 实际开发中，根据业务需要进行处理，这里仅做示例。
				 */
				if (this.username.length < 3) {
					uni.showToast({
						icon: 'none',
						title: '账号最短为 3 个字符'
					});
					return;
				}
				if (this.password.length < 6) {
					uni.showToast({
						icon: 'none',
						title: '密码最短为 6 个字符'
					});
					return;
				}
				if (this.password !== this.confirmPassword) {
					uni.showToast({
						icon: 'none',
						title: '两次密码输入不一致'
					});
					return;
				}

				const data = {
					username: this.username,
					password: this.password
				}
				
				uni.request({
				    url: 'http://localhost:8080/system/user/wxAddandLogin', //仅为示例，并非真实接口地址。
				    data: data,
					method: 'POST',
				    header: {
				        'custom-header': 'hello' //自定义请求头信息
				    },
				    success: (res) => {
						console.log(res.data)
				        if(res.data.code===200){
							uni.showToast({
								icon: 'none',
								title: res.data.msg
							});
							uni.setStorageSync('token', res.data.token)
							uni.setStorageSync('username', this.username)
							this.toMain(this.username);
						}else{
							
							uni.showToast({
								icon: 'none',
								title: res.data.msg
							});
						}
				    }
				});
				
				
				// uniCloud.callFunction({
				// 	name: 'user-center',
				// 	data: {
				// 		action: 'register',
				// 		params: data
				// 	},
				// 	success(e) {
				// 		console.log("注册", e);

				// 		if (e.result.code === 0) {
				// 			uni.showToast({
				// 				title: '注册成功'
				// 			});
				// 			uni.setStorageSync('uni_id_token', e.result.token)
				// 			uni.setStorageSync('username', e.result.username)
				// 			uni.reLaunch({
				// 				url: '../main/main',
				// 			});
				// 		} else {
				// 			uni.showModal({
				// 				content: JSON.stringify(e.result),
				// 				showCancel: false
				// 			})
				// 		}
				// 	},
				// 	fail(e) {
				// 		uni.showModal({
				// 			content: JSON.stringify(e),
				// 			showCancel: false
				// 		})
				// 	}
				// })
			}
		}
	}
</script>

<style>

</style>
